import React, { Component } from 'react'
import { Card, Carousel } from 'antd'
import './ui.less'
export default class Carousels extends Component {
  render() {
    return (
      <div>
        <Card className="card-wrap" title="文字背景轮播">
          <Carousel>
            <div>
              <h3>1</h3>
            </div>
            <div>
              <h3>2</h3>
            </div>
            <div>
              <h3>3</h3>
            </div>
            <div>
              <h3>4</h3>
            </div>
          </Carousel>
        </Card>
        <Card className="img-wrap" title="图片背景轮播">
          <Carousel>
            <div>
              <img src="/carousel-img/carousel-1.jpg" alt="" />
            </div>
            <div>
              <img src="/carousel-img/carousel-2.jpg" alt="" />
            </div>
            <div>
              <img src="/carousel-img/carousel-3.jpg" alt="" />
            </div>
          </Carousel>
        </Card>
      </div>
    )
  }
}
